<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>长春市公共信息服务平台</title>
    <style type="text/css">
        #map {
            position: relative;
            height: 100%;
            border: 1px solid #ecf0f5;
        }
    </style>
    <link rel="Shortcut Icon" href="../cchunGIS/image/mjg/changchun.png">
    <link rel="stylesheet" href="./css/mjg-css/cchun.css" />
    <link rel="stylesheet" href="./css/mjg-css/cchund.css" />
    <link rel="stylesheet" href="./css/mjg-css/layui.css" />
    <script type="text/javascript" src="./layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/mjg-js/index-1.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/mjg-js/index-2.js" charset="utf-8"></script>
    <link href='./supermap/examples/css/bootstrap.min.css' rel='stylesheet' />
    <link href='./supermap/examples/css/bootstrap-responsive.min.css' rel='stylesheet' />
    <script src='./supermap/libs/SuperMap.Include.js'></script>
    <script type="text/javascript">
        var map, layer, drawPoint, drawLine, drawPolygon, pointLayer, lineLayer, polygonLayer, marker;
        host = document.location.toString().match(/file:\/\//) ? "http://localhost:8090" : 'http://' + document.location
            .host,
            style = {
                strokeColor: "#304DBE",
                strokeWidth: 2,
                pointerEvents: "visiblePainted",
                fillColor: "#304DBE",
                fillOpacity: 0.8
            },
            styleGuidePoint = {
                pointRadius: 20,
                externalGraphic: "../cchunGIS/image/mjg/marker.png",
            },
            url = host + "/iserver/services/map-changchun/rest/maps/长春市区图";

        // function init() {
        //     map = new SuperMap.Map("map", {
        //         controls: [
        //             new SuperMap.Control.Navigation(),
        //         ]
        //     });

        //     //初始化简易缩放控件类
        //     // zoom = new SuperMap.Control.Zoom();
        //     //加载平移缩放控件
        //     map.addControl(new SuperMap.Control.PanZoomBar(), new SuperMap.Pixel(0,380));
        //     //加载比例尺控件
        //     map.addControl(new SuperMap.Control.ScaleLine());
        //     //加载地图鹰眼控件
        //     map.addControl(new SuperMap.Control.OverviewMap(), new SuperMap.Pixel(100,300));
        //     //获取图层服务地址
        //     map.addControl(new SuperMap.Control.MousePosition());
        //     layer = new SuperMap.Layer.TiledDynamicRESTLayer("China", url, null, {
        //         maxResolution: "auto"
        //     });
        //     layer.events.on({
        //         "layerInitialized": addLayer
        //     });
        // }
    </script>
</head>

<body class="body" onload="init()">

    <!-- 加载地图 -->
    <div id="map"></div>

    <!-- 登录按钮 -->
    <div class="div-2">
        <ul>
            <a href="JavaScript:void(0)" onclick="openDialog()">
                <input class="button-deng" type="button" style="width: 55px; height: 55px;" value="">
            </a>
        </ul>
        <ul class="dropdown-content">
            <span style="cursor:default">登录</span>
        </ul>
    </div>

    <!-- 左侧按钮 -->
    <div class="layui-layout layui-layout-admin div-layui-layout1">
        <ul class="layui-nav ">
            <li class="layui-nav-item">
                <a href="./subway.html" style="text-decoration:none">
                    <img src="./image/mjg/ditie(2).png" alt="地铁" width="27" height="27">
                    地铁
                </a>
            </li>
            <li class="layui-nav-item">
                <a onclick="draw_point()" href="#" style="text-decoration:none">
                    <img src="./image/mjg/zhuji (2).png" alt="注记" width="32" height="32">
                    注记
                </a>
            </li>
            <li class="layui-nav-item">
                <a href="#" onclick="distanceMeasure()" style="text-decoration:none">
                    <img src="./image/mjg/chizi1 (2).png" alt="测距" width="32" height="32">
                    测距
                </a>
            </li>
            <li class="layui-nav-item">
                <a href="#" onclick="draw_polygon()" style="text-decoration:none">
                    <img src="./image/mjg/mianji.png" alt="面积测量" width="22" height="22">
                    面积测量
                </a>
            </li>
            <li class="layui-nav-item">
                <a href="#" onclick="fullscreen()" style="text-decoration:none">
                    <img src="./image/mjg/quanping1.png" alt="全屏" width="25" height="25">
                    全屏
                </a>
            </li>
        </ul>
    </div>

    <!-- 登录界面 -->
    <div id="light" class="white_content">
        <table>
            <div>
                <img src="./image/mjg/denglu.png" width="40%" height="20%">
            </div>
            <div class="div2">
                <ul class="div-ul21" style="clear: both;">
                    <li class="div-ul21-li1">
                        <a style="cursor:pointer">账号登录</a>
                        <span class="split--jss-0-38"></span>
                    </li>

                    <li class="div-ul21-li1">
                        <a style="cursor:pointer">短信登录</a>
                    </li>
                </ul>
                <ul>
                    <table class="div-ul2-table">
                        <tr>
                            <td>用户名：</td>
                            <td>
                                <input type="text" id="user" placeholder="请输入手机号/邮箱/用户名" />
                            </td>
                            <br>
                        </tr>
                        <tr>
                            <td>密&nbsp;&nbsp;&nbsp;&nbsp;码：</td>
                            <td>
                                <input type="password" id="pwd1" placeholder="请输入密码" />

                            </td>
                        </tr>

                    </table>
                </ul>

                <ul class="div-ul2-table3">
                    <p>其他账号登录</p>
                    <a href="//graph.qq.com/oauth2.0/show?which=Login&display=pc&response
                    _type=code&client_id=101477621&redirect_uri=https%3A%2F%2Fsso.e.qq.com%
                    2Fpassport%3Fsso_redirect_uri%3Dhttp%253A%252F%252Funion.qq.com%252F%2
                    6service_tag%3D14&scope=get_user_info"
                        style="text-decoration:none">
                        <img class="div-ul2-table4" src="./image/mjg/qq.png">
                    </a>
                    <a href="//mp.weixin.qq.com/" style="text-decoration:none">
                        <img class="div-ul2-table4" src="./image/mjg/weixin.png">
                    </a>
                    <a href="//open.weibo.com/authentication/" style="text-decoration:none">
                        <img class="div-ul2-table4" src="./image/mjg/weibo.png">
                    </a>
                    <a href="//auth.alipay.com/login/index.htm" style="text-decoration:none">
                        <img class="div-ul2-table4" src="./image/mjg/zhifubao.png">
                    </a>
                </ul>

                <ul class="div-ul2-table5">
                    <a style="color: rgb(7, 117, 207);" href="" style="text-decoration:none">忘记密码</a>
                </ul>

                <ul class="div-ul2-table6">
                    <a style="color: rgb(7, 117, 207);" href="" style="text-decoration:none">免费注册</a>
                </ul>

                <ul class="div-ul2-table7">
                    <input type="checkbox" name="">下次自动登录
                </ul>

                <ul class="div-ul2-table2">
                    <input type="submit" name="" value="确认" style="width: 100px; height: 40px; border-radius: 50%; 
                    border: none; background-color: rgb(87,186,243); 
                    font-size: 20px; color: rgb(241, 232, 250);"
                        onclick="return check()">
                    <!-- <input type="reset" name="" value="重置" onclick="clear()"> -->
                    <!-- <input type="image" disabled="disabled" src=""/> -->
                </ul>

                <ul>
                    <a href="javascript:void(0)" onclick="closeDialog()" class="black_overlay_a" style="text-decoration:none">×</a>
                </ul>
            </div>

        </table>
    </div>
    <div id="fade" class="black_overlay"></div>

</body>


</html>